<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link href="../css/main.css" rel="stylesheet">
    <link href="../css/common.css" rel="stylesheet">
    <link href="../css/recharge.css" rel="stylesheet">
    <title>Document</title>
</head>

<body>
    <header></header>
    <div class="user">
        <div class="clearfix">
            <div class="user_nav">
                <div>
                    <h4>
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-liebiao"></use>
                        </svg>
                        资金总览</h4>
                    <a href="/user/pandect.html">资金总览</a>
                    <a href="/user/recharge.html">充值</a>
                    <a href="/user/enchashment.html">提现</a>
                    <a href="/user/record.html">交易查询</a>
                    <a href="/user/user.html">账户认证</a>
                </div>
                <div>
                    <h4>
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-touzi-copy"></use>
                        </svg>
                        我的投资</h4>
                    <a href="/user/myBidPlanList.html">点点安赢</a>
                    <a href="/user/vip.html" class="active">点点专享</a>
                </div>
                <div>
                    <h4>
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-moneybag"></use>
                        </svg>
                        我的投资</h4>
                    <a href="/user/myloan.html">我的借款</a>
                </div>
            </div>
            <div class="recharge tab-pane">
                <h4>
                    <a href="/user/user.html">我的投资</a>
                    <a>></a>
                    <a class="active">点点专享</a>
                </h4>
                <div class="nav">
                    <span href="#vip_purchased" role="tab" data-toggle="tab" class="color">购买中</span>
                    <span href="#vip_possession" role="tab" data-toggle="tab">持有中</span>
                    <span href="#vip_fulfil" role="tab" data-toggle="tab">已完成</span>
                    <span href="#vip_exited" role="tab" data-toggle="tab">已退出</span>
                    <span href="#vip_expired" role="tab" data-toggle="tab">已失败</span>
                </div>
                <div class="tab-content">
                    <div id="vip_purchased" class="point_list tab-pane active">
                        <table style="width:100%" class="table table-condensed">
                            <thead>
                                <tr>
                                    <td>计划名称</td>
                                    <td>加入金额</td>
                                    <td>预期收益率</td>
                                    <td>承诺收益</td>
                                    <td>加入时间</td>
                                    <td>计划到期日</td>
                                    <td>计划期限</td>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <a href="#" class="text-center list_name">阳光理财阳光理财阳光理财阳光理财</a>
                                    </td>
                                    <td>100元</td>
                                    <td>5.50%</td>
                                    <td>4.17元</td>
                                    <td>2017-01-01</td>
                                    <td>2017-01-01</td>
                                    <td>30天</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div id="vip_possession" class="point_list tab-pane">
                        <table style="width:100%" class="table table-condensed">
                            <thead>
                                <tr>
                                    <td>计划名称</td>
                                    <td>加入金额</td>
                                    <td>预期收益率</td>
                                    <td>承诺收益</td>
                                    <td>加入时间</td>
                                    <td>计划到期日</td>
                                    <td>操作</td>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <a href="#" class="text-center list_name">阳光理财阳光理财阳光理财阳光理财</a>
                                    </td>
                                    <td>100元</td>
                                    <td>5.50%</td>
                                    <td>4.17元</td>
                                    <td>2017-01-01</td>
                                    <td>2017-01-01</td>
                                    <td>
                                        <!-- <span class="btn btn-xs btn-primary">回款</span>
                                        <span class="btn btn-xs btn-primary">债权</span>
                                        <span class="btn btn-xs btn-primary">合同</span>
                                        <span class="btn btn-xs btn-primary">退出</span> -->
                                        <span class="btn_link">回款</span>
                                        <span class="line"></span>
                                        <span class="btn_link">债权</span>
                                        <span class="line"></span>
                                        <span class="btn_link">合同</span>
                                        <span class="line"></span>
                                        <span class="btn_link">退出</span>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div id="vip_fulfil" class="point_list tab-pane">
                        <table style="width:100%" class="table table-condensed">
                            <thead>
                                <tr>
                                    <td>计划名称</td>
                                    <td>加入金额</td>
                                    <td>预期收益率</td>
                                    <td>承诺收益</td>
                                    <td>计划到期日</td>
                                    <td>操作</td>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <a href="#" class="text-center list_name">阳光理财阳光理财阳光理财阳光理财</a>
                                    </td>
                                    <td>100元</td>
                                    <td>5.50%</td>
                                    <td>4.17元</td>
                                    <td>2017-01-01</td>
                                    <td>
                                        <span class="btn btn-xs btn-primary">回款</span>
                                        <span class="btn btn-xs btn-primary">债权</span>
                                        <span class="btn btn-xs btn-primary">合同</span>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div id="vip_exited" class="point_list tab-pane">
                        <table style="width:100%" class="table table-condensed">
                            <thead>
                                <tr>
                                    <td>计划名称</td>
                                    <td>加入金额</td>
                                    <td>预期收益率</td>
                                    <td>承诺收益</td>
                                    <td>退出时间</td>
                                    <td>操作</td>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <a href="#" class="text-center list_name">阳光理财阳光理财阳光理财阳光理财</a>
                                    </td>
                                    <td>100元</td>
                                    <td>5.50%</td>
                                    <td>4.17元</td>
                                    <td>2017-01-01</td>
                                    <td>
                                        <span class="btn btn-xs btn-primary">债权</span>
                                        <span class="btn btn-xs btn-primary">合同</span>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div id="vip_expired" class="point_list tab-pane">
                        <table style="width:100%" class="table table-condensed">
                            <thead>
                                <tr>
                                    <td>计划名称</td>
                                    <td>加入金额</td>
                                    <td>预期收益率</td>
                                    <td>承诺收益</td>
                                    <td>加入时间</td>
                                    <td>计划到期日</td>
                                    <td>计划期限</td>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <a href="#" class="text-center list_name">阳光理财阳光理财阳光理财阳光理财</a>
                                    </td>
                                    <td>100元</td>
                                    <td>5.50%</td>
                                    <td>4.17元</td>
                                    <td>2017-01-01</td>
                                    <td>2017-01-01</td>
                                    <td>30天</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer></footer>
    <script src="//at.alicdn.com/t/font_380032_fc89xibpf401kyb9.js"></script>
    <script src="//cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="//cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script>
        $(".nav span").click(function () {
            $(".nav span").removeClass();
            $(this).addClass("color")
        })
    </script>
</body>

</html>